import React from 'react';
import Icon from '@ant-design/icons';
import { Space } from 'antd';
import type { GetProps } from 'antd';

type CustomIconComponentProps = GetProps<typeof Icon>;



const DeleteSvg = () => (
    <svg width="20px" height="18px" viewBox="0 0 20 18" version="1.1" xmlns="http://www.w3.org/2000/svg">
        <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
            <g transform="translate(-24, -108)">
                <g transform="translate(24, 107)">
                    <rect x="0" y="0" width="20" height="20"></rect>
                    <g transform="translate(0, 1)" fill="#ACB7C6">
                        <path d="M9.98887653,0 C10.701502,0 11.2791991,0.574925856 11.2791991,1.28413284 C11.2791991,1.75916771 11.0200169,2.17395772 10.6347085,2.39608519 L10.6340378,3.84930365 C10.6340378,4.2056164 10.3451893,4.49446494 9.98887653,4.49446494 C9.63256379,4.49446494 9.34371524,4.2056164 9.34371524,3.84930365 L9.34332986,2.39624962 C8.95786409,2.17416247 8.69855395,1.75928495 8.69855395,1.28413284 C8.69855395,0.574925856 9.27625105,0 9.98887653,0 Z" id="形状结合"></path>
                        <g transform="translate(0, 3.8303)">
                            <rect x="18.7096774" y="5.13653137" width="1.29032258" height="3.85239852" rx="0.64516129"></rect>
                            <rect x="0" y="5.13653137" width="1.29032258" height="3.85239852" rx="0.64516129"></rect>
                            <path d="M12.2135704,0 C15.530965,2.78782917e-16 18.2202447,2.68927968 18.2202447,6.00667429 L18.2202447,8.16306741 C18.2202447,11.480462 15.530965,14.1697417 12.2135704,14.1697417 L7.76418263,14.1697417 C4.44678802,14.1697417 1.75750834,11.480462 1.75750834,8.16306741 L1.75750834,6.00667429 C1.75750834,2.68927968 4.44678802,1.49757392e-15 7.76418263,0 L12.2135704,0 Z M13.5483871,3.54243542 L6.42936596,3.54243542 C4.83210195,3.54243542 3.53726363,4.83727375 3.53726363,6.43453776 L3.53726363,8.17800837 C3.53726363,9.77527238 4.83210195,11.0701107 6.42936596,11.0701107 L13.5483871,11.0701107 C15.1456511,11.0701107 16.4404894,9.77527238 16.4404894,8.17800837 L16.4404894,6.43453776 C16.4404894,4.83727375 15.1456511,3.54243542 13.5483871,3.54243542 Z M13.5483871,4.54243542 C14.5933664,4.54243542 15.4404894,5.3895585 15.4404894,6.43453776 L15.4404894,8.17800837 C15.4404894,9.22298763 14.5933664,10.0701107 13.5483871,10.0701107 L6.42936596,10.0701107 C5.3843867,10.0701107 4.53726363,9.22298763 4.53726363,8.17800837 L4.53726363,6.43453776 C4.53726363,5.3895585 5.3843867,4.54243542 6.42936596,4.54243542 Z M8.09788654,5.97785978 C7.66785392,5.97785978 7.3192436,6.47348552 7.3192436,7.08487085 C7.3192436,7.69625618 7.66785392,8.19188192 8.09788654,8.19188192 L8.18869276,8.18443425 C8.57594201,8.12048763 8.87652948,7.6525858 8.87652948,7.08487085 C8.87652948,6.47348552 8.52791916,5.97785978 8.09788654,5.97785978 Z M11.8798665,5.97785978 C11.4498339,5.97785978 11.1012236,6.47348552 11.1012236,7.08487085 C11.1012236,7.69625618 11.4498339,8.19188192 11.8798665,8.19188192 L11.9706727,8.18443425 C12.357922,8.12048763 12.6585095,7.6525858 12.6585095,7.08487085 C12.6585095,6.47348552 12.3098991,5.97785978 11.8798665,5.97785978 Z" id="形状结合"></path>
                        </g>
                    </g>
                </g>
            </g>
        </g>
    </svg>
);


const BotsIcon = (props: Partial<CustomIconComponentProps>) => (
    <Icon component={DeleteSvg} {...props} />
);

const CustomBotsIcon: React.FC = () => (
    <Space style={{marginRight: 8}}>
        <BotsIcon />
    </Space>
);

export default CustomBotsIcon;